import TodoDom from './TodoDom'
import { ITodoData } from './typing'
// 处理数据
export default class TodoData extends TodoDom {
    todoList: ITodoData[]
    constructor(list: ITodoData[], wrapper:HTMLElement) {
        super(wrapper)
        // 构造函数
        this.todoList = list
    }
    addTodoData(todo: ITodoData):undefined | number {
        // 添加
        // 这个数据是否已存在？
        const flag = this.todoList.some((item: ITodoData) => item.content === todo.content)
        if(!flag) { // 不存在
            this.todoList.push(todo)
            return
        }
        return 0
    }
    remveTodoData() {}
    changeTodoData(id: number, dom: HTMLElement):void {
        console.log(id)
        this.todoList = this.todoList.map((item:ITodoData) => {
            if(item.id === id) {
                item.completed = !item.completed
            }
            return item
        })
        this.changeDom(dom)
    }
}

// 属性和行为的集合